<template>
  <div class="home">
    <el-card shadow="hover">
      <v-md-preview :text="content"></v-md-preview>
    </el-card>
    <el-card shadow="hover">
      daka
    </el-card>
  </div>
</template>

<script>
import md from '../.../../../../README.md'
export default {
  name: "home",
  data() {
    return {
      content: md
    }
  },
}
</script>

<style scoped>
@media screen and (max-width:1000px) {

  .acitve-picture {
    overflow-x: auto;
    overflow-y: hidden;
    max-height: 100%;
  }

  ::v-deep .acitve-picture .vch__wrapper {
    height: 150px !important;
  }

  .card {
    margin: 0 0 10px 0;
  }

}

@media screen and (min-width:1001px) {
  .home {
    display: flex;
    justify-content: space-around;
  }
}
</style>